<!--
 * @Date: 2021-03-23 10:01:08
 * @LastEditors: LastEditors
 * @LastEditTime: 2021-03-26 10:01:52
 * @FilePath: \hw.6gplc.com\pages\aboutUs\companyProfile.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>公司简介</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/reset.css" />
    <link rel="stylesheet" href="/iconFont/iconfont.css" />
    <link rel="stylesheet" href="/public/_head_nav.css" />
    <link rel="stylesheet" href="/public/_foot_cantact.css" />
    <link rel="stylesheet" href="/public/_public_media.css" />
    <link rel="stylesheet" href="/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="/css/_companyProfile.css" />
</head>

<body>
    <!-- public_head  state-->
    <header class="_headBox">
        <div class="_maskBox">
            <img src="/public/img/public_head_bg.png" alt="" />
            <div class="_mask"></div>
        </div>
        <nav class="_headNav flex text-white">
            <ul class="flex-f1 flex flx-bet">
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        首页
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        关于我们
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        企业文化
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        技术支持
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        产品中心
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu5">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        新闻动态
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu6">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        下载中心
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu7">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu8" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        人才招聘
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu8">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="_navBox">
            <div class="_nav flex flex-ver">
                <div class="_sm_txt">
                    <p style="color: #f7f7f7">ABOUT&nbsp;&nbsp;HIWFER</p>
                </div>
                <ul class="flex text-white">
                    <li class="active"><a href="javascript:;">公司简介</a></li>
                    <li><a href="javascript:;">发展历程</a></li>
                    <li><a href="javascript:;">企业愿景</a></li>
                    <li><a href="javascript:;">品质管理</a></li>
                    <li><a href="javascript:;">环境安全</a></li>
                    <li><a href="javascript:;">联系我们</a></li>
                </ul>
                <div>
                    <div class="_title color_0a3da4 wryh">
                        <p>公司简介</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- public_head  end-->
    <!-- content state-->
    <main class="warpBox flex flex-ver flex-pac">
        <div class="content_1 color_111111">
            <p>
                海威华芯坐落于四川成都，主营化合物半导体芯片制造，制造能力同步国际先进水平。海威华芯是国内为数不多的化合物半导体生产制造企业之一，对国家发展5G通讯、物联网、大数据、新能源等产业有重要的支撑作用。
            </p>
            <p>
                海威华芯是国家集成电路重大项目企业、国家高新技术企业，公司完全按照产业化的思路建设芯片制造工厂，具有批量、稳定的特点、确保芯片品质。
            </p>
            <p>
                海威华芯已完成多项工艺制程的开发，技术指标业内先进，能够解决国内外绝大部分产业需求，可为设计企业提供更加优异且自主可控的先进制造平台。海威华芯的生产线是开放的FOUNDRY模式，为客户提供一站式解决方案。
            </p>
        </div>
        <div class="flex flex-ver flex-pac turnKey">
            <img src="/images/img/Turn-Key Solution.png" alt="" />
        </div>
        <div class="content_2">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <p class="title">Slide 1</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 2</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 3</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 4</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 5</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 6</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 7</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 8</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 9</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="title">Slide 10</p>
                    </div>
                </div>
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination"></div> -->
            </div>
        </div>
    </main>
    <!-- content end-->
    <!-- public_footer  state-->
    <footer class="_footer flex flex-pac">
        <div class="flex flx-bet _footerWarp">
            <dl class="_dt1">
                <dt><img src="/images/img/foot-logo.png" alt="" /></dt>
                <dd>
                    <img src="/images/img/code.png" alt="" style="width: 11.5rem" />
                </dd>
            </dl>
            <dl>
                <dt>技术发展</dt>
            </dl>
            <dl>
                <dt>晶圆代工</dt>
                <dd>晶圆代工</dd>
                <dd>晶圆切割</dd>
                <dd>晶圆测试</dd>
                <dd>其他服务</dd>
            </dl>
            <dl>
                <dt>设计维护</dt>
                <dd>设计支援</dd>
                <dd>IP 推广</dd>
            </dl>
            <dl>
                <dt>硅基产品</dt>
                <dd>SIP</dd>
                <dd>微控制器</dd>
                <dd>接口电路</dd>
                <dd>LDO</dd>
                <dd>其他</dd>
            </dl>
            <dl>
                <dt>下载中心</dt>
            </dl>
            <dl>
                <dt>社会责任</dt>
                <dd>员工关爱</dd>
                <dd>环境保护</dd>
                <dd>社会回馈</dd>
            </dl>
            <dl>
                <dt>新闻资讯</dt>
                <dd>企业新闻</dd>
                <dd>行业资讯</dd>
            </dl>
            <dl>
                <dt>人力资源</dt>
                <dd>职位招聘</dd>
                <dd>人才发展</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>公司简介</dd>
                <dd>企业愿景</dd>
                <dd>品质管理</dd>
                <dd>环境安全</dd>
                <dd>联系我们</dd>
            </dl>
        </div>
        <div class="_footerr2 flex flex-ver flex-pac">
            <div><img src="/images/img/foot-logo.png" alt="" /></div>
            <div style="height: 20px"></div>
            <div>
                <img src="/images/img/code.png" alt="" style="width: 11.5rem" />
            </div>
        </div>
    </footer>
    <!-- public_footer  end-->

    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/swiper-3.4.2.min.js"></script>
    <script>
        var arr = [true, true];
        var swiper = new Swiper(".swiper-container", {
            // pagination: '.swiper-pagination',
            lopp: true,
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 10,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
        });
        /**
         * @description:监听窗口变化 动态改变根字体大小 处理公司简介下的轮播图个数
         * @param {*}
         * @return {*}
         */
        window.addEventListener(
            "orientationchange" in window ? "orientationchange" : "resize",
            (function () {
                function c() {
                    var d = document.documentElement;
                    console.log(d.clientWidth);
                    if (901 < d.clientWidth && d.clientWidth < 1100 && arr[0]) {
                        $('.swiper-container').css("width", "900px");
                        $('.swiper-container').css("overflow", "hidden");
                        $('.swiper-button-next').css("display", "none");
                        $('.swiper-button-prev').css("display", "none");
                        swiper = new Swiper(".swiper-container", {
                            lopp: true,
                            slidesPerView: 2,
                            paginationClickable: true,
                            spaceBetween: 30,
                        });
                        arr[0] = false;
                    }
                    if (d.clientWidth < 900 && arr[1]) {
                        $('.swiper-container').css("width", "600px");
                        $('.swiper-container').css("overflow", "hidden");
                        $('.swiper-button-next').css("display", "none");
                        $('.swiper-button-prev').css("display", "none");
                        arr[1] = false;
                        swiper = new Swiper(".swiper-container", {
                            lopp: true,
                            slidesPerView: 1,
                            paginationClickable: true,
                            spaceBetween: 30,
                        });
                    }
                    var cw = d.clientWidth || 1920;
                    d.style.fontSize =
                        14 * (cw / 1920) > 40 ? 40 + "px" : 14 * (cw / 1920) + "px";
                }
                c();
                return c;
            })(),
            false
        );
    </script>
</body>

</html>